<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ch */




/***************************************** d1 ****************************************/



.mc_nc1s1_list {
    white-space: nowrap;
    font-size: 0;
    overflow: hidden;
    cursor: default;
}

.mc_nc1s1_li {
    position: relative;
    /* float: left; */
    display: inline-block;
    width: 33.333333%;
    height: 560px;
    transition: all .36s;
}


.mc_nc1s1_bgbox {
    position: relative;
    z-index: 1;
    width: 560px;
    height: 100%;
}

.mc_nc1s1_bgbox::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
}

.mc_nc1s1_bgbox::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
   /* background: rgba(10, 56, 165, .57); */
    opacity: 0;
    transition: all .36s;
}

.mc_nc1s1_bg {
    width: 100%;
    height: 100%;
}

.mc_nc1s1_txtbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    width: 100%;
    color: #fff;
    transition: all .36s;
    white-space: normal;
}



.mc_nc1s1_title {
    width: 100%;
    top: 40%;
    font-size: 30px;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
    transition: all .36s;
	position:inherit;
	
}

.mc_nc1s1_txt .mc_nc1s1_title {
    top: 0;
    margin-bottom: 0px;
    text-align: left;
    opacity: 1;

}
.more{ background-color: #fff;  color: #333; width: 130px; line-height: 40px; text-align: center; margin-top: 30px;}
.more a{color: #333;}
.mc_nc1s1_txt p {color: #FFF;}
.mctitle{ font-size: 32px; font-weight: normal;}
.mc_nc1s1_txt {
    opacity: 0;
    width: 100%;
    height: 100%;
    padding: 290px 90px 0 60px;
    overflow: hidden;
	
}




.mc_k1s1 {
    padding: 150px 0;
}

.mc_txt1630 p {
    font-size: 16px;
    line-height: 30px;
}


.mc_k1s1 .mc_nc1s1_txt .mc_nc1s1_title {
    font-size: 36px;
    margin-bottom: 35px;
}

.mc_nc1s1_xtb {
   
    width: 32px;
    margin-bottom: 20px;
}






@media screen and (min-width:1200px) {
	.width30{width: 30%;}
	.width40{width: 40%;}
	.show{opacity: 1 !important;}
	.hide{ opacity: 0 !important;}
	/* .mc_nc1s1_list .mc_nc1s1_li:nth-child(1){ width: 30%;}
	.mc_nc1s1_list .mc_nc1s1_li:nth-child(2){ width: 30%;}
	.mc_nc1s1_list .mc_nc1s1_li:last-child{ width: 40%;} */
	
	/* .mc_nc1s1_list .mc_nc1s1_li:last-child .mc_nc1s1_bgbox::after {
        opacity: 1;
    }
	.mc_nc1s1_list .mc_nc1s1_li:last-child .mc_nc1s1_txtbox&gt;.mc_nc1s1_title {
	    opacity: 0;
	}
	.mc_nc1s1_list .mc_nc1s1_li:last-child .mc_nc1s1_txt {
        opacity: 1;
    } */
	

	
	
    .mc_nc1s1_list:hover .mc_nc1s1_li {
        width: 30%;
    }

    .mc_nc1s1_list .mc_nc1s1_li:hover {
        width: 40%;
    }

    .mc_nc1s1_list .mc_nc1s1_li:hover .mc_nc1s1_bgbox::after {
        opacity: 1;
    }

    .mc_nc1s1_list .mc_nc1s1_li:hover .mc_nc1s1_txtbox&gt;.mc_nc1s1_title {
        opacity: 0;
    }

    .mc_nc1s1_list .mc_nc1s1_li:hover .mc_nc1s1_txt {
        opacity: 1;
        transition: all .4s .4s;
    }

}

.subtitleyw{ font-size: 16px; font-family: 'Arial,Helvetica,sans-serif';}
.subimg{ width: 100%; text-align: center; margin-top: 20px;}

@media screen and (max-width: 991px) {
    
}


@media screen and (max-width: 1680px) {


}

@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 991px) {

}

@media screen and (max-width: 767px) {

}



@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1200px) {


}

@media screen and (max-width: 991px) {

}

@media screen and (max-width: 767px) {


}



@keyframes mcslidedown {
    0% {
        height: 0;
    }

    100% {
        height: 50px;
    }
}



@media screen and (min-width:1200px) {


}

@media screen and (max-width:991px) {

}

@media screen and (max-width:767px) {
  
}



@media screen and (max-width:767px) {

}

@media screen and (min-width: 1200px) {


}

@media screen and (max-width: 1440px) {
  
}

@media screen and (max-width: 1024px) {
   
}
</pre></body></html>